@charset "utf-8";

/* base */
/* -------------------- */
.page-wrapper{ font:normal 19px '微软雅黑'; background:url(../images/inner_background_1.png); height:702px; border:1px solid #333; }
.page-inner{ margin:0 10px; overflow:auto; }
#nav-bar{ background:url(../images/nav_bar_bg.png) 0 0 repeat-x; height:63px;  box-shadow: 0 0 8px #CCCCCC; }
#nav-bar a, #nav-bar span{ padding:18px 15px; display:inline-block; text-decoration:none; position:relative; }
#nav-bar #nav-main{ background:url(../images/nav_main_bg.png) right 2px no-repeat; color:#fff; padding-right:30px; z-index:5; }
#nav-bar #nav-sub{ background:url(../images/nav_sub_bg.png) right 0px no-repeat; color:#7c7c7c; padding-right:30px; padding-left:25px;  margin-left:-15px; z-index:4; }

/* 答题状况 */
#test-status{ position:absolute; right:10px; top:11px; text-align:right;  }
#test-status .wrong-count{ font-weight:bold; color:#952104; text-decoration:underline; background:url(../images/wrong_small.gif) 20px 4px no-repeat; display:inline-block; padding-left:38px; margin-right:5px; }
#page-info{ display:inline-block;  }
#right-rate{ font-size:16px; margin-top:3px; }

/* 滚动内容区 */
.scrollview{ height: 595px; position:relative; }
.scroller{ min-height: 595px; }

/* 翻页 */
.previous-page, .next-page { position:absolute; top:420px; margin-right:15px; cursor:pointer; display:block; width:62px; height:270px;  }
.previous-page{ left:0px; background:url(../images/arrow-left.png) 6px 88px no-repeat;  }
.next-page{ right:-15px; background:url(../images/arrow-right.png) 0 88px no-repeat;  }

/* 题目区间 */
#question{ margin-top:20px; }
#question-selector{ margin:15px 0 20px 0; }
#question-selector ul{ border-radius: 10px; border:2px solid #d0d0d0; }
#question-selector li{ list-style:none; line-height:26px; padding:18px 15px; cursor:pointer; }

#question-selector li:nth-child(2n){
    background:#d5d5d5;
}
#question-selector li:nth-child(2n+1){
    background:#ededed;
}

#question span{ font-size:28px; }

/* 答案 */
.notification{
	display:none;
    border-radius: 5px 5px 5px 5px;
    height: 16px;
	line-height:16px;
    padding: 15px 30px 15px 60px;
    position: relative;
	margin:0 60px;
	font-size:17px;
}
.notification.infomation{
	color:#023977;
    background: url(../images/information.png) 15px 17px #B3CFEA no-repeat;
    border: 2px solid #418ACC;
}

/* 正确答案提醒 */
#result .answer-right{
	color:#396806;
    background: url(../images/answer_right.png) 15px center #E2FF7D no-repeat;
    border: 2px solid #99C600;
}
/* 错误答案提醒 */
#result .answer-wrong{
	color:#941b05;
    background: url(../images/answer_wrong.png) 15px center #F5B5A9 no-repeat;
    border: 2px solid #EB5339;
}

/* 真实答案 */
#true-answer{ font-weight:bold; }

/* 为什么 */
#why{ display:none; margin-top:20px;height:auto;
	line-height:26px;
}




/* welcome-page */
/* -------------------- */
#welcome-page{ background:url(../images/welcome_background.jpg) no-repeat; }
#welcome-page .btn{ display:block; height:76px; width:176px; position:absolute; }
#welcome-page #new-test{ top:529px; left:42px; }
#welcome-page #fix-wrong{ top:529px; left:264px; }
/* -------------------- */
/* welcome-page */



/* new-test-page */
/* -------------------- */

/* -------------------- */
/* new-test-page */

/* fix-wrong-page */
/* -------------------- */
#fix-wrong-page #no-result{ text-align:center; display:none; margin:240px 120px; }
/* -------------------- */
/* fix-wrong-page */
